<template>
  <div v-for="(item,index) in todos" :key="item.text">
    <Item :item="item" :delete-item-at-index="deleteItemAtIndex" :set-finished-by-index="setFinishedByIndex"
          :index="index"></Item>
  </div>

</template>

<script>

import Item from "./Item.vue"

export default {
  name: "List",
  props: {
    todos: {
      type: Array,
      required: true
    },
    deleteItemAtIndex: {
      type: Function,
      required: true
    },
    setFinishedByIndex: {
      type: Function,
      required: true
    }
  },

  components: {
    Item
  }
}
</script>

<style scoped>


</style>